layui.use(['element','laypage','form'], function(){
    var element = layui.element;
    var form = layui.form;
    var laypage = layui.laypage;

    form.on('submit(formDemo)', function(data){
        layer.msg(JSON.stringify(data.field));
        return false;
    });
    //…

    laypage.render({
        elem: 'laypage-f' //注意，这里的 test1 是 ID，不用加 # 号
        ,count: 20 //数据总数，从服务端得到
        ,limit: 6
        ,groups:5
        ,theme: '#94A5FA'
        ,prev:'<'
        ,next:'>'
    });
    laypage.render({
        elem: 'laypage-s' //注意，这里的 test1 是 ID，不用加 # 号
        ,count: 20 //数据总数，从服务端得到
        ,limit: 6
        ,groups:5
        ,theme: '#94A5FA'
        ,prev:'<'
        ,next:'>'
    })
    laypage.render({
        elem: 'laypage-t' //注意，这里的 test1 是 ID，不用加 # 号
        ,count: 20 //数据总数，从服务端得到
        ,limit: 6
        ,groups:5
        ,theme: '#94A5FA'
        ,prev:'<'
        ,next:'>'
    })
});
// 创建文件夹
$(".create-pg").on("click",function () {
    $(".collect-fun").show();
    $(".create-pack-box").show();
    $(".create-btn").on("click",function (e) {
        e.preventDefault();
        if($(".col-pack-name").val() === ''){
            $(this).attr('disabled','disabled')
        }else{
            $(this).attr('disabled',false);
            var pack = "<li class=\"favorite\">\n" +
                "                        <a href=\"\" class=\"favorite-img\">\n" +
                "                            <img src=\"\" alt=\"\">\n" +
                "                        </a>\n" +
                "                        <h4 class=\"favorite-title\"><a href=\"\">"+$(".col-pack-name").val()+"</a></h4>\n" +
                "                        <p class=\"f-content-num\"><i class=\"icon-pg\"></i>0个内容</p>\n" +
                "                        <div class=\"fun-f-box\">\n" +
                "                            <a href=\"\" class=\"f-edit f-btn\">编辑</a>\n" +
                "                            <a href=\"\" class=\"f-del f-btn\">删除</a>\n" +
                "                            <span class=\"f-date\">10天前</span>\n" +
                "                        </div>\n" +
                "                    </li>"
            $(".favorite-list").append(pack)
            $(".collect-fun").hide();
            $(this).parents().find('.create-pack').hide();
        }
    })
})

$(".layui-icon-close").on("click",function () {
    $(".collect-fun").hide();
    $(this).parents().find('.create-pack').hide();
})

$(".cancel-btn").on("click",function () {
    $(".collect-fun").hide();
    $(this).parents().find('.create-pack').hide();
})

// 删除收藏夹
$(".f-del").on("click",function () {
    $(".collect-fun").show();
    $(".cancel-sure").show();
    var index = $(".f-del").index(this);
    $(".sure-del-btn").on("click",function () {
        $(".favorite").eq(index).remove();
        $(".cancel-sure").hide();
        $(".collect-fun").hide();
    })
})

// 编辑收藏夹
$(".f-edit").on("click",function () {
    $(".collect-fun").show();
    $(".edit-pack").show();
    var index = $(".f-edit").index(this);
    $(".edit-pack-btn").on("click",function (e) {
        e.preventDefault();
        if($(".col-pack-name-e").val() === ''){
            $(this).attr('disabled','disabled')
        }else{
            $(this).attr("disabled",false);
            var value =$(".col-pack-name-e").val()
            $(".favorite").eq(index).find(".favorite-title").find('a').text(value)
            $(".collect-fun").hide();
            $(this).parents().find('.create-pack').hide();
        }
    })
})